﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<title>无标题文档</title>
<link rel="stylesheet" href="test.css" type="text/css" />
<style type="text/css">
    body
    {
        margin:0; padding:0; height:2000px;}
    header
    {
        border:1px solid #000; height:100px; margin:0px; padding:0;}
</style>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
</head>
<body style=" background:blue;">
<header>
    <input type="number" />
</header>
<article>
    <input type="button" id="nihao" value="nihao" onclick="getid(this)" />
    <input id="nihao111" type="file" />
    <button onclick="nihao()">dianji</button>
    <span id="span1" style=" position:absolute; top:200px; left:200px;"></span>
    <a id="dianjiwo1" style=" background:red; cursor:pointer;display:block;float:left;height:30px; text-align:center;width:50px;"><span id="dianjiwo2" style=" display:block;height:100%; width:100%;">请点我</span></a>
    <input type="file" id="file1" />
    <div style="height:330px; width:390px; background:url(aaaa.gif)"></div>
    <div style="height:330px; width:390px; background:url(aaaa.png)"></div>
</article>

<div class="nihaohaha"></div>
<canvas></canvas>
<footer></footer>
<script type="text/javascript">
	$('#dianjiwo1').mouseenter(function(){
			$(this).css("background-color","blue");
		})
</script>
</body>
</html>
